import { StyleSheet } from 'react-native';

const ITEM_STYLE = {
  height: 56,
  flexDirection: 'row',
  alignItems: 'center'
};

export default StyleSheet.create({
  wrap: { flex: 1 },
  searchBar: {
    padding: 10,
    backgroundColor: '#fff',
    flexDirection: 'row',
    alignItems: 'center'
  },
  searchIcon: {
    marginTop: 2
  },
  textInput: {
    flex: 1
  },
  result: {
    flex: 1,
    padding: 10
  },
  item: {
    ...ITEM_STYLE,
    justifyContent: 'flex-start'
  },
  itemName: {
      fontSize: 20
  },
  itemMobile: {
      fontSize: 16
  },
  separtor: {
    height: 1,
    backgroundColor: '#ddd'
  },
  customerInfo: {
    ...ITEM_STYLE,
    flex: 1,
    justifyContent: 'space-between',
    marginRight: 10
  }
});
